﻿<!DOCTYPE html>
<html>
 <head> 
  <meta charset="utf-8" /> 
  <title>HTML5实现图片拖拽操作</title>   
  <link href="css/main.css" type="text/css" rel="stylesheet" /> 
 </head> 
 <body> 
  <div id="info"> 
   <h3>温馨提示：可以将图片直接拖到目的地</h3> 
  </div> 
  <div id="album"> 
   <p>图片源</p> 
   <img src="images/01.jpg" id="img1" draggable="true" /> 
   <img src="images/02.jpg" id="img2" draggable="true" /> 
   <img src="images/03.jpg" id="img3" draggable="true" /> 
  </div> 
  <div id="trash"> 
   <p>拖动目的地</p> 
  </div> 
  <script src="js/drag.js" type="text/javascript"></script>   
 </body>
</html>
